import React from "react";
import {SimpleGrid, Title, Text, Stack} from "@mantine/core";
import {TeamMember} from "./TeamMember";
import {developersList} from "./data";

export default function Page() {
  return (
    <Stack>
      <Stack gap={1} ta="center">
        <Title order={2} pb="xs">
          感谢有你
        </Title>
        <Text pb="md" c="dimmed">
          数智化转型，道阻且长，感谢一路有你
        </Text>
      </Stack>
      <SimpleGrid cols={{base: 1, xs: 2, md: 3, lg: 4, xl: 5}}>
        {developersList.map((item) => (
          <TeamMember
            key={item.name}
            name={item.name}
            work={item.work}
            company={item.company}
            src={item.src}
          />
        ))}
      </SimpleGrid>
    </Stack>
  );
}
